{template 'header'}
<link rel="stylesheet" href="../addons/mx_shop/resources/cgc/css/sorder/mylist.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no"/>
<body style="height:1000px">
<header class="mui-bar mui-bar-nav" style="background: #72adf5;">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" style="color: white;"></a>
    <h1 class="mui-title" style="color: white;">我的订单</h1>
</header>
<div class="list_wrap">
    <div class="content">
        <!--选项卡部分-->
        <div class="tab">
            <ul>
                <li class="on">全部</li>
                <li>待付款</li>
                <li>进行中</li>
                <li>已完成</li>
                <!--点击向左边滑动菜单栏-->
                <li class="menu"><span class="iconfont icon-caidan"></span></li>
            </ul>
            <!--导航部分-->
            <div class="navbar">
                <button>全部订单</button>
                <p>热搜</p>
                <button>威伐光</button>
                <button>威伐光</button>
                <p>生活服务</p>
                <button>威伐光</button>
                <button>威伐光</button>
                <p>充值消费</p>
                <button>威伐光</button>
                <button>威伐光</button>
            </div>
            <!--全局阴影部分-->
            <div class="mask" id="mask">

            </div>
            <!--tab展示-->
            <div class="tab-box" id="tab">
                <!--全部信息部分-->
                <div>
                    <!--当数据为空的时候显示该图片和信息-->
                    <div class="none">
                        <img src="../addons/mx_shop/resources/cgc/images/car.png" alt="" class="">
                        <p>啊噢！什么订单也没有</p>
                        <button>到处逛一逛</button>
                    </div>
                    <!--有数据的显示部分-->
                    <div class="data">
                        <ul class="list">
                            <!--成功的状态-->
                            <li class="success">
                            <span class="title">
                                <img src="../addons/mx_shop/resources/cgc/images/box.png" alt="" class="">
                                <span>CGC美容院02号房</span>
                                <a href="javascript:;">待付款</a>
                            </span>
                            <span class="list">
                                <span class="top">
                                    <img src="../addons/mx_shop/resources/cgc/images/good.png" alt="" class="">
                                    <span class="middle">
                                        <span>威伐光-750W-000011008</span>
                                        <!--订单号部分-->
                                        <span><a href="http://www.cgc999.com/app/index.php?i=2&c=entry&m=mx_shop&do=mobile&r=spay.succeed&type=isdel"><span>订单号：</span><span class="list">CGC2017112310</span></span></a>
                                        <span>￥90.00</span>
                                    </span>
                                    <span class="right">
                                        <span>x1</span>
                                    </span>
                                </span>
                                <span class="middle">
                                    <span><span>共 </span><span class="count">1</span> 个设备</span>
                                    <span><span>合计：</span></span><span class="price">￥90.00</span>
                                </span>
                                <span class="bottom">
                                    <button>删除订单</button>
                                    <button>评论</button>
                                </span>
                            </span>
                                <img src="../addons/mx_shop/resources/cgc/images/success_03.png" alt="">
                            </li>
                            <!--待付款部分-->
                            <!--<li class="wait_pay">
                                <span class="title">
                                    <img src="../addons/mx_shop/resources/cgc/images/box.png" alt="" class="">
                                    <span>CGC美容院02号房</span>
                                    <a href="javascript:void(0)">待付款...</a>
                                </span>
                                <span class="list">
                                    <span class="top">
                                        <img src="../addons/mx_shop/resources/cgc/images/good.png" alt="" class="">
                                        <span class="middle">
                                            <span>威伐光-750W-000011008</span>
                                            &lt;!&ndash;订单号部分&ndash;&gt;
                                            <span><a href="detail.html">订单号：<span class="list">CGC2017112310</span></span></a>
                                            <span>￥90.00</span>
                                        </span>
                                        <span class="right">
                                        <span>x1</span>
                                        </span>
                                    </span>
                                    <span class="middle">
                                        <span>共 <span class="count">1</span> 个设备</span>
                                        <span>合计：</span><span class="price">￥90.00</span>
                                    </span>
                                    <span class="bottom">
                                        <button>取消订单</button>
                                        <button>支付订单</button>
                                    </span>
                                </span>
                            </li>-->
                            <!--已取消部分-->
                            <!--<li class="cancel">
                            <span class="title">
                            <img src="../addons/mx_shop/resources/cgc/images/box.png" alt="" class="">
                            <span>CGC美容院02号房</span>
                            <a href="javascript:void(0)">已取消...</a>
                            </span>
                            <span class="list">
                            <span class="top">
                            <img src="../addons/mx_shop/resources/cgc/images/good.png" alt="" class="">
                            <span class="middle">
                            <span>威伐光-750W-000011008</span>
                            &lt;!&ndash;订单号部分&ndash;&gt;
                            <span><a href="detail.html">订单号：<span class="list">CGC2017112310</span></a></span>
                            <span>￥90.00</span>
                            </span>
                            <span class="right">
                            <span>x1</span>
                            </span>
                            </span>
                            <span class="middle">
                            <span>共 <span class="count">1</span> 个设备</span>
                            <span>合计：</span><span class="price">￥90.00</span>
                            </span>
                            <span class="bottom">
                            <button>删除订单</button>
                            </span>
                            </span>
                            </li>
                            &lt;!&ndash;进行中部分&ndash;&gt;
                            <li class="being">
                            <span class="title">
                            <img src="../addons/mx_shop/resources/cgc/images/box.png" alt="" class="">
                            <span>CGC美容院02号房</span>
                            <a href="javascript:void(0)">进行中...</a>
                            </span>
                            <span class="list">
                            <span class="top">
                            <img src="../addons/mx_shop/resources/cgc/images/good.png" alt="" class="">
                            <span class="middle">
                            <span>威伐光-750W-000011008</span>
                            &lt;!&ndash;订单号部分&ndash;&gt;
                            <span><a href="detail.html">订单号：<span class="list">CGC2017112310</span></a></span>
                            <span>￥90.00</span>
                            </span>
                            <span class="right">
                            <span>x1</span>
                            </span>
                            </span>
                            <span class="middle">
                            <span>共 <span class="count">1</span> 个设备</span>
                            <span>合计：</span><span class="price">￥90.00</span>
                            </span>
                            <span class="bottom">
                            <button>删除订单</button>
                            <button>评论</button>
                            </span>
                            </span>
                            </li>-->
                            <!--进行中部分-->
                            <!--<li class="being">
                            <span class="title">
                            <img src="../addons/mx_shop/resources/cgc/images/box.png" alt="" class="">
                            <span>CGC美容院02号房</span>
                            <a href="javascript:void(0)">进行中...</a>
                            </span>
                            <span class="list">
                            <span class="top">
                            <img src="../addons/mx_shop/resources/cgc/images/good.png" alt="" class="">
                            <span class="middle">
                            <span>威伐光-750W-000011008</span>
                            &lt;!&ndash;订单号部分&ndash;&gt;
                            <span><a href="detail.html">订单号：<span class="list">CGC2017112310</span></a></span>
                            <span>￥90.00</span>
                            </span>
                            <span class="right">
                            <span>x1</span>
                            </span>
                            </span>
                            <span class="middle">
                            <span>共 <span class="count">1</span> 个设备</span>
                            <span>合计：</span><span class="price">￥90.00</span>
                            </span>
                            <span class="bottom">
                            <button>删除订单</button>
                            <button>评论</button>
                            </span>
                            </span>
                            </li>-->
                            <!--进行中部分-->
                            <!--<li class="being">
                            <span class="title">
                            <img src="../addons/mx_shop/resources/cgc/images/box.png" alt="" class="">
                            <span>CGC美容院02号房</span>
                            <a href="javascript:void(0)">进行中...</a>
                            </span>
                            <span class="list">
                            <span class="top">
                            <img src="../addons/mx_shop/resources/cgc/images/good.png" alt="" class="">
                            <span class="middle">
                            <span>威伐光-750W-000011008</span>
                            &lt;!&ndash;订单号部分&ndash;&gt;
                            <span><a href="detail.html">订单号：<span class="list">CGC2017112310</span></a></span>
                            <span>￥90.00</span>
                            </span>
                            <span class="right">
                            <span>x1</span>
                            </span>
                            </span>
                            <span class="middle">
                            <span>共 <span class="count">1</span> 个设备</span>
                            <span>合计：</span><span class="price">￥90.00</span>
                            </span>
                            <span class="bottom">
                            <button>删除订单</button>
                            <button>评论</button>
                            </span>
                            </span>
                            </li>-->
                            <!--进行中部分-->
                            <!--<li class="being">
                            <span class="title">
                            <img src="../addons/mx_shop/resources/cgc/images/box.png" alt="" class="">
                            <span>CGC美容院02号房</span>
                            <a href="javascript:void(0)">进行中...</a>
                            </span>
                            <span class="list">
                            <span class="top">
                            <img src="../addons/mx_shop/resources/cgc/images/good.png" alt="" class="">
                            <span class="middle">
                            <span>威伐光-750W-000011008</span>
                            &lt;!&ndash;订单号部分&ndash;&gt;
                            <span><a href="detail.html">订单号：<span class="list">CGC2017112310</span></a></span>
                            <span>￥90.00</span>
                            </span>
                            <span class="right">
                            <span>x1</span>
                            </span>
                            </span>
                            <span class="middle">
                            <span>共 <span class="count">1</span> 个设备</span>
                            <span>合计：</span><span class="price">￥90.00</span>
                            </span>
                            <span class="bottom">
                            <button>删除订单</button>
                            <button>评论</button>
                            </span>
                            </span>
                            </li>-->
                        </ul>
                    </div>
                </div>
                <!--待付款部分-->
                <div>
                    这是待付款的部分
                </div>
                <!--进行中部分-->
                <div>
                    这是进行中部分
                </div>
                <!--已完成部分-->
                <div>
                    这是已完成部分
                </div>
            </div>
        </div>
    </div>
    <nav class="mui-bar mui-bar-tab">
        <a class="mui-tab-item mui-active" href="#tabbar">
            <span class="iconfont icon-shouye1" style="display: block;"></span>
            <span class="mui-tab-label" style="font-size: 0.2rem;">首页</span>
        </a>
        <a class="mui-tab-item" href="#tabbar-with-chat">
            <span class="iconfont icon-xiangmu" style="display: block;"></span>
            <span class="mui-tab-label" style="font-size: 0.2rem;">商城</span>
        </a>
        <a class="mui-tab-item" href="#tabbar-with-contact">
            <span class="iconfont icon-liebiao1" style="display: block;"></span>
            <span class="mui-tab-label" style="font-size: 0.2rem;">联营企业</span>
        </a>
        <a class="mui-tab-item" href="#tabbar-with-map">
            <span class="iconfont icon-gerenzhongxin" style="display: block;"></span>
            <span class="mui-tab-label" style="font-size: 0.2rem;">个人中心</span>
        </a>
    </nav>
    <input type="hidden" value="{$token}" id="token">
</div>


<script>
    window.onload=function(){
        var vm=new Vue({
            el:".list_wrap",
            data:{
                message:""
            },
            methods:{
                getList:function(){
                    var token=$("#token").val();
                    this.$http({
                        method:"POST",
                        url:mainApp.getUrl('sorder/getList'),
                        params:{token:token}
                    }).then(function(msg){
                        if(msg.data.status==1){
                            console.log(msg.data.result)
                        }else{
                            alert(msg.data.result.message)
                        }
                    });
                }
            }
        });
        vm.getList();
    }
</script>

</body>
<!--<script type="text/javascript" src="../addons/mx_shop/resources/cgc/js/sorder/mylist.js"></script>-->
</html>


